<!DOCTYPE html>
<html>
<head>
    <title>登录系统</title>
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="/static/css/login.css">
</head>
<body>
    <div class="login-container">

        <!-- 登陆输入框区域 -->
        <div class="login-content"> 
            <div class="content">
                <div class="form-logo" style="top:12%">
                    
                </div>
                <!-- 登录表单 -->
                <div class="login-form">
                    <form action="" method="POST">
                        <div class="login-form-title">海之声后台管理系统</div>
                        <!-- 错误提示 -->
                        <div class="error-info"></div>
                        <div class="input-item">
                            <!-- 用户名 -->
                            <div class="item">
                                <span class="input-icon small-name"></span>
                                <input type="text" id="username" name="username" placeholder="请输入用户名" required>
                            </div>

                            <!-- 密码 -->
                            <div class="item">
                                <span class="input-icon lock"></span>                           
                                <input type="password" id="password" name="password" placeholder="请输入密码" required>
                            </div>

                            <!-- 验证码 -->
                            <div class="item verify hide" id="verify-item">
                                <div class="v-container" id="v-container"></div>
                                <input type="text" id="verify-code" value="" placeholder="请输入验证码"/> 
                            </div>
                        </div>

                        <!-- 提交按钮 -->
                        <button class="sub-btn" id="sub-btn" type="button">登录</button>
                    </form>
                </div>
                <div class="login-bg">
                    <img src="/static/img/beibei_bg.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- 底部备案信息 -->
        <div class="record-info">
            <div class="record-content bot_bg">
                <p class="record-code">Copyright 2015杭州杭为科技有限公司 沪ICP备15050430号  </p>

                <p class="record-site"> 
                    <span class="record-1"></span>
                    浙公网安备 33011003011191号
                    <span class="record-2"></span> 
                </p>
            </div>
        </div>

        <canvas class="hide" id="hw-canvas"></canvas>
    </div>
     
    <script type="text/javascript" src="/static/lib/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/lib/md5.js"></script>
    <script type="text/javascript" src="/static/lib/gVerify.js"></script>
    <script type="text/javascript" src="/static/js/login.js"></script>
</body>
</html>